@charset "utf-8";
/**
 * index-min.css 首页样式文件
 * @author jlve<353375095@qq.com>
 * @create 2015-09-11
 *
 * ------- layout -------
 * mainbanner  				首页广告条
 * naviBackBlue             导航条
 * enter_listBig        	商家入驻
 * diyIconWrap  			个人定制
 * brandingBusiness  		品牌商专区
 * brandNav                 精品专区
 * designersPrefectureBig 	设计师专区
 * fashionNewsBd            时装资讯
 * leftNaviWrap 			左侧导航条






/* mainbanner--------------------------------------------------------------------------------------- */
.index,.index a{font-family: '微软雅黑'.'宋体';}
body{font-family: '微软雅黑'.'宋体';}
li{list-style: none;}
.clearfix:after { content:""; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { *zoom:1; }
.fl{float: left;}
.fr{float: right;}
.indexMarL500{margin-left: 500px;}


.mainbannerBig{position:relative;margin-bottom: 20px;}
.mainbanner { height:550px;position: relative; font-family: '微软雅黑';z-index:1;}

.banner_ul{width:100%;overflow:hidden;}
.banner_ul li{float: left;height:550px;width:100%;position:absolute;left:0;top:0;z-index: 1;display:block;}
.banner_ul li a{display:inline-block;height:550px;width:100%;}
.banner_ol{position:absolute;bottom:10%;z-index: 9999999;left:50%;margin-left:-3.5%;}
.banner_ol li{float: left;height:10px;width:10px;-webkit-border-radius:5px; border-radius: 5px; list-style: none;background:#ccc;margin-left:10px;margin-right:10px;position:relative;cursor: pointer;}
.banner_ol li.on{background:#eba524;}
.featureBg{margin-top:20px;}
.featureBg ul li{float: left;width:24%;}
.featureBg .featureImg{width:50%;text-align: center;padding-top: 30px;}
.featureBg .featureTxt{width:50%;}
.featureTxt .featureTil{font-size: 18px;color:#333333;line-height: 40px;}
.featureTxt .featureP{line-height: 26px;color:#999999;}
/*新闻专区*/
.newsTil{text-align: right;}
.newsTil a{color:#333333;font-size: 14px;font-weight: normal;line-height: 60px;;}
.newsCont{padding:12px 20px;border:1px solid #dddddd;}
.newsImg{width:210px;height:170px;overflow:hidden;text-align: center;margin-right:60px;}
.newsImg img{height:170px;width:auto;}
.newsCenter{width:700px;}
.newsCenter h3{font-size:24px;color:#262629 ;line-height:60px;font-weight: normal;}
.newsCenter p{color:#999999;width: 100%;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height: 30px;cursor: pointer;text-overflow: ellipsis;-o-text-overflow:ellipsis;}
.newsLeft{width:180px;}
.newsLeft p{text-align: right;color:#333333;}
.newsLeft .newsWriter{width: 100px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;line-height: 30px;cursor: pointer;text-overflow: ellipsis;-o-text-overflow:ellipsis;}
.newsLeft .allArticle{line-height:120px;color:#8b001f;cursor:pointer;}
.newsLeftTop{position:relative;line-height: 60px;padding-top:15px;}
.newsDateBox{position: absolute;right: 0;top: 0px;}

.mainbanner .banner_ol .newHoverBox{position:absolute;height:132px;width:234px;top:0;left:0;background:rgba(0,0,0,0.5);text-align: center;padding-top:50px;font-size: 16px;}
/*自由搭配*/
.freeCollocation ul li{border:1px solid #eeeeee;height:232px;width:218px;text-align: center;float: left;background:#fff;}
.freeCollocation .freeName{line-height:60px;font-size: 18px;}


/*精选专区*/
.featuredPrefecture .featuredPrefecture_L{height:470px;width:370px;text-align: center;overflow:hidden;position:relative;}
.featuredPrefecture_L .featuredLBg{position:absolute;height:100%;width:100%;background:transparent;opacity:0;filter:alpha(opacity=0); text-align: center;}
.featuredPrefecture_L .featuredLBg .featuredLBgBtn{color:#fff;display:inline-block;padding:10px 38px;font-size: 18px;background-color:#eb4949;cursor:pointer;}
.featuredPrefecture .featuredPrefecture_L:hover .featuredLBg{background:rgba(0,0,0,0.8);opacity:1;filter:alpha(opacity=100);  -webkit-transition: all .5s ;-moz-transition: all .5s ;-ms-transition: all .25s ;-o-transition: all .5s ;transition: all .5s ;}
.featuredPrefecture .featuredPrefecture_R ul li{width:250px;margin-right: 10px;margin-left: 0px;float: left;}
.featuredPrefecture .featuredPrefecture_R ul li .featuredRText{height:110px;background:#4e4a48;text-align: center;}
.featuredRText .featuredTilBtn{padding:8px 20px;color:#fff;font-size: 16px;display:inline-block;}
.featuredRText .welcomeText{color:#e25d5d;font-size: 14px;}
.featuredPrefecture .featuredPrefecture_R ul li .featuredRImg{height:340px;width:250px;text-align: center;overflow:hidden;position: relative;}
.featuredPrefecture .featuredPrefecture_R ul li .featuredPicBox{height:340px;width:250px;text-align: center;overflow:hidden;}
.featuredRImg .featuredRImgBg{position:absolute;height:100%;width:100%;background:rgba(0,0,0,0.8);text-align: center;background:transparent;opacity:0;filter:alpha(opacity=0);}
.featuredRImg:hover .featuredRImgBg{background:rgba(0,0,0,0.8);opacity:1;filter:alpha(opacity=100); -webkit-transition: all .5s ;-moz-transition: all .5s ;-ms-transition: all .25s ;-o-transition: all .5s ;transition: all .5s ;}
.featuredRImg .featuredRImgBg .featuredLBgBtn{color:#fff;display:inline-block;padding:10px 38px;font-size: 20px;background-color:#eb4949;cursor:pointer;}
/*扫描专区*/
.scanisterBox{background-color:#fff;padding:20px;}
/*男士品牌和女士品牌专区*/
.indexManBox ul li{width:570px;height:270px;margin-left: 15px;margin-right: 15px;margin-bottom: 30px;float: left;position:relative;}
.indexManBox ul li .indexManBgTxt{position:absolute;height:98px;width:360px;background:rgba(255,255,255,0.6);bottom:20px;left:100px;-moz-border-radius: 5px;border-radius: 5px;text-align: center;;}
.indexManBox ul li .indexManBgTxt .indexManTXT{font-size: 16px;}
.indexManBox ul li .indexManImgBg{position:absolute;height:100%;width:100%;background:transparent;opacity:0;filter:alpha(opacity=0); text-align: center;}
.indexManBox ul li .indexManImgBg .indexManBgBtn{color:#fff;display:inline-block;padding:10px 38px;font-size: 18px;background-color:#eb4949;cursor:pointer;}
.indexManBox ul li:hover .indexManImgBg{background:rgba(0,0,0,0.8);opacity:1;filter:alpha(opacity=100);  -webkit-transition: all .5s ;-moz-transition: all .5s ;-ms-transition: all .25s ;-o-transition: all .5s ;transition: all .5s ;z-index: 2;}






/*---------------------enter_listBig---------------------------*/
.enter_listBig{position:relative;}
.enter_list{font-size: 18px; overflow:hidden;width:996px;}
.enter_list .enterbdWrap ul{width:248px;}
.enter_list .enterbdWrap ul li{padding:8px 7px 28px 7px; float: left;list-style:none;margin-right: 1px;text-align: center;transition:background 1s;}
.enter_list .hoverBt{font-family: "微软雅黑";}
.enter_list .hoverBt p{color:#454545;padding-top: 38px;font-family: "微软雅黑";}
.enter_list .hoverBt a{font-family: "微软雅黑";}
.enter_list span{display:block;color:#ff5274;font-size: 16px;line-height: 40px;}
.customShopJoinImg{height:182px;width:234px;overflow:hidden;}
.customShopJoinImg img{transform:scale(1,1);transition:all 1s;}
.customShopJoinImg:hover.customShopJoinImg img{transform:scale(1.2,1.2);}
.fabricIconImg{height:182px;width:234px;overflow:hidden;}
.fabricIconImg img{transform:scale(1,1);transition:all 1s;}
.fabricIconImg:hover.fabricIconImg img{transform:scale(1.2,1.2);}
.agentsIconImg{height:182px;width:234px;overflow:hidden;}
.agentsIconImg img{transform:scale(1,1);transition:all 1s;}
.agentsIconImg:hover.agentsIconImg img{transform:scale(1.2,1.2);}
.brandIconImg{height:182px;width:234px;overflow:hidden;}
.brandIconImg img{transform:scale(1,1);transition:all 1s;}
.brandIconImg:hover.brandIconImg img{transform:scale(1.2,1.2);}
.enter_listmore{height:182px;width:234px;overflow:hidden;}
.enter_listmore img{transform:scale(1,1);transition:all 1s;}
.enter_listmore:hover.enter_listmore img{transform:scale(1.2,1.2);}
.enter_list .enter_btn{height:30px;width:108px;border:1px solid #fff;color:#fff;display:inline-block;line-height: 28px;margin-top: 20px;background: transparent ;font-size: 12px;}
.enter_list01{position:relative;background: transparent; }
.enter_list01:hover{cursor:pointer;background-color:#2d3345;}
.enter_list01:hover .hoverBt p{color:#fff;}
.enter_list01 .enter_btn:hover{background-color:#ff5274;border-color:#ff5274;}
.enter_listBig .prev,.enter_listBig .next{position:absolute;display:inline-block;left: 60px;cursor:pointer;height:372px;line-height: 372px;width:60px;text-align: center;}
.enter_listBig .next{left:auto;right:60px;}

/* diyIconWrap--------------------------------------------------------------------------------------- */
.diy_List{  position:relative; width:996px; padding-bottom: 10px;font-family: '微软雅黑';}
.diy_List .diy_hd{ overflow:hidden;  height:20px; margin-top: 35px;position:absolute;left:50%;margin-left:-38px;}
.diy_List .diy_hd .prev{cursor:pointer;margin-right:25px;}
.diy_List .diy_hd .next{ margin-left:25px;cursor:pointer;}
.diy_List .diy_bd{overflow:hidden;  background:#fff;padding:23px 0 30px 0;}
.diy_List .diy_bd ul{ overflow:hidden; zoom:1; width:248px;  float:left; _display:inline;}
.diy_List .diy_bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;  width:248px;text-align: center;float: left;list-style: none;padding-bottom: 10px;padding-top: 10px;margin-left:1px;}
.diy_List .diy_bd ul li .pic a:hover img{ border-color:#999;  }
.diy_List .diy_ul li a{font-size: 18px;display:block;}
.diy_List .diy_ul .diy_til{line-height: 40px;color:#3d4351;}
.diy_List .diy_ul .diy_Entil{padding:0 16px;color:#b2b2b2;font-size: 14px;}
.diy_ul .diyLiImg{position:relative;}
.diy_ul .diyLiImg .hoverImg{height:234px;width:230px;background:rgba(0, 0, 0, 0.3);position: absolute;left:9px;top:0;opacity:0;filter:alpha(opacity=0);}
.diyLiImg .hoverImg em{font-style: normal;color:#fff;display:inline-block;padding:5px 10px;border:1px solid #fff;margin-top: 100px;transition:background 1s;}
.diy_List .diy_ul li a:hover .diyLiImg .hoverImg{opacity:1;filter:alpha(opacity=100);}
.diyLiImg .hoverImg em:hover{background:#ff5274;border-color:#ff5274;}
/* brandingBusiness--------------------------------------------------------------------------------------- */
.brandingBusiness {width:100%;min-width:980px; height:454px; position:relative; _overflow:hidden;background:#fff;text-align:center;overflow:hidden;position:relative;}
.brandingBusiness .bd {position:absolute;left:50%;margin-left:-490px;margin-bottom: 40px;}
.brandingBusiness .bd li {width:980px;overflow:hidden;list-style-type: none;}
.brandingBusiness .bd li img {display:block;width:980px;height:310px;}
.brandingBusiness .tempWrap {overflow:visible !important;}
.brandingBusiness .tempWrap ul {margin-left:-980px !important;}
/*.brandingBusiness .smallPicList {position:absolute;width:980px;left:50%;;z-index:1;height:100px; bottom:0;overflow: hidden; margin-left: -490px; }
.smallPicList .brandSmallPicName{color:#69758c;font-size: 14px;font-family: 'Arial';}
.brandingBusiness .smallPicList ul{ position:relative; text-align:center;} 
.brandingBusiness .smallPicList li {float: left; width:226px;height:94px;overflow:hidden; margin-left:10px; cursor:pointer;filter:alpha(opacity=60);opacity:0.6;line-height: none;}
.brandingBusiness .smallPicList li.on img{border:2px solid #ffd200;}
.brandingBusiness .smallPicList li.on { background-position:0 0;filter:alpha(opacity=100); opacity:1;}*/
.newSmallList{margin-top:20px;}
.newSmallList ul li{float: left;height:120px;width:292px;margin-left:4px;margin-right: 4px;list-style: none;margin-bottom:13px;padding-bottom: 15px;}
.brandingBusiness .pnBtn {position:absolute;z-index:1;top:0;width:100%;height:425px;cursor:pointer;}
.brandingBusiness .prev {left:-50%;margin-left:-490px;}
.brandingBusiness .next {left:50%;margin-left:490px;}
.brandingBusiness .pnBtn .blackBg {display:block;position:absolute;left:0;top:0;width:100%;height:310px;background:#fff;filter:alpha(opacity=50);opacity:0.7;}
.brandingBusiness .pnBtn .arrow {display:none;position:absolute;top:354px;z-index:1;width:60px;height:70px;}
.brandingBusiness .pnBtn .arrow:hover {filter:alpha(opacity=60);opacity:0.6;}
.brandingBusiness .prev .arrow {right:0;background: url(../../images/home/brandPrev.png) center  no-repeat;}
.brandingBusiness .next .arrow {left:0;background: url(../../images/home/brandNext.png) center  no-repeat;}

/*------------------商品推荐---------------------------*/
.recommendationBox{text-align: center;}
.brandNav{height:39px;border-top:2px solid #0f2337;border-bottom: 2px solid #0f2337;line-height: 39px;font-size: 18px;font-family: "微软雅黑";margin-bottom:30px;}
.brandRecommend,.newArrival,.recommendMore{width:98px;float: left;text-align: center;color: #2d3345;cursor: pointer;}
.recommendMore{float: right;width:120px;color:#9a9a9a;}
/*商品推荐内容*/
.recommendContent{margin-bottom:90px;}

.brandRecommendCurrent{border-bottom: 2px solid #ff5274;}
/*收藏ico*/
.recommendContent .recommendCollect{position: absolute; width:16px;height:13px;background-image: url(../../images/goods/rCollectIco.png);background-position: center;background-repeat: no-repeat;bottom:16px;right:10px;cursor:pointer;}
.recommendContent .recommendCollectOn{background-image: url(../../images/goods/rCollectIcoOn.png);}
.recommendContent li{position:relative; padding:6px;width:230px;list-style: none; transition:background 1s;margin-left:1px;float: left;margin-top: 2px;border: 1px solid #fff;}
.recommendContent li a{display: inline-block;}
.recommendContent li:hover{background-color:#2d3345;}
.recommendContent li:hover .recommendTil{color:#fff;}
.recommendContent li .recommendTil{width:230px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;line-height:30px;color:#3d4351;text-align: left;font-family: '微软雅黑';}
.recommendContent li .recommendPayment{width:230px;text-align: left;font-family: '微软雅黑';}
.recommendImg{height:280px;width:230px;overflow:hidden;text-align: center;}
.recommendImg img{transform:scale(1,1);transition:all 1s;height:278px;width:auto;}
.recommendImg:hover.recommendImg img{transform:scale(1.2,1.2);}
.baseBannerList {text-align:center;color:#fff;position:relative;height:60px;overflow:hidden;}
.baseArrowPrev{position:absolute;left:0;top:17px;width:80px;text-align: right;}
.baseArrowNext{position:absolute;right:0;top: 17px;width:80px;text-align: left;}
.baseBannerList h3{line-height: 50px;margin-top:24px;font-size: 24px;font-weight: normal;}
/*.styleSelect {    margin-left: auto;margin-right: auto;overflow:hidden;height:60px;position:relative;width:755px;}*/
.styleSelect ul{width: 3200px;position: absolute;left:0px;top: 0;}
.styleSelect ul li{float: left;margin-top:20px;list-style: none;padding-left:10px;padding-right:10px;color:#69758c;height:26px;cursor:pointer;cursor:pointer;}
.styleSelect ul li a{float: left;padding-left:10px;padding-right:10px;color:#69758c;height:26px;display: inline-block;}
.styleSelect li.styleSelectCurrent{color:#ff5274;}
.positionDiyBg{height:766px;background-image: url(../../images/home/positionDiyBg.jpg);background-position: center;background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-top:150px;margin-bottom: 100px;}
.positionDiyTitle{width: 600px;font-family: "微软雅黑", "宋体";font-size: 24px;line-height: 34px;margin-right: auto;margin-left: auto;color:#b2b2b2;text-align: center;}
.positionDiyBack{line-height: 24px;text-align: center;display: block;width: 100%;color:#69758c;}
.underlineCol{border-bottom: 2px solid #ff5274;display:inline-block;width:45px;    display: block;width: 45px;text-align: center;margin: 0 auto;}
.underlineColGrey{border-bottom: 2px solid #676767;display:inline-block;width:45px;}
.positionDiyNoBack{line-height: 24px;text-align: center;display: block;width: 100%;color:#b3b3b3;}
/*要放在最下面*/
.indextTitleColor{color:#414656;}


/*系列设计*/
.consumerSeriesBox{margin-top:40px;}
.consumerSeriesTil h2{font-size: 18px;color:#333333;padding-left:10px;font-weight: normal;margin-bottom: 20px;}

.consumerSeriesplay { width: 1200px; height: 600px; overflow: hidden;margin:0 auto ;border-bottom: 1px solid #ccc;padding-bottom: 20px;margin-bottom: 50px; }
.consumerSeriesCont { width:1200px; height:600px; position: relative;}
.seriesLiBox ol { position: absolute; right: 50%; bottom: 10px; z-index: 2; }
.seriesLiBox ol li { float: left; margin-right: 3px;margin-left:3px; display: inline; cursor: pointer; font-size: 12px; height:6px;width:6px;background:#d4d4d4;}
.seriesLiBox ol li.active {  background: #333333; position: relative;  }

.consumerCont { position: absolute; top: 0px; left: 0px; z-index: 1; background:white; width: 1200px; height: 600px; }
.seriesCont { float: left; }
.seriesCont ul li{float: left;margin-left: 25px;margin-right: 25px;}



/*男装女装选款*/
.styleSelect{text-align: center;}
.styleSelect a{color:#808080;display:inline-block;border:1px solid #808080;padding:10px 20px;font-size: 14px;margin-top: 40px;}
.styleSelect a.active{border:1px solid #333333;color:#333;}
.consumerSeriesMore{font-size: 14px;}
.styleSelectCont{margin-bottom: 20px;}
.styleSelectCont ul li{float: left;margin-left: 25px;margin-right: 25px;margin-bottom: 30px;}
.styleSelectCont ul li .maskingBtn{position:absolute;height:100%;width:100%;background: rgba(0,0,0,0.8);top:0;left:0;opacity:0;filter:alpha(opacity=0);transition: all 1s;-moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;}
.styleSelectCont ul li.onHover .maskingBtn{opacity:1;filter:alpha(opacity=100);}
.styleSelectPic{height:350px;width:250px;text-align: center;overflow:hidden;position:relative;}
.styleSelectPic img{height:350px;width:auto;}
.styleSelectDown{text-align: center;}
.styleSelectDown .styleSelec_next,.styleSelectDown .styleSelec_prev{display:inline-block;height:30px;width:40px;text-align: center;border:1px solid #ccc;line-height:30px;margin-left:10px;margin-right: 10px;}
.styleSelectDown .styleSelec_next:hover{background:#5c5c5c;}
.styleSelectDown .styleSelec_prev:hover{background:#5c5c5c;}



/*.swiper-container {width: 100%;height: 600px;color: #fff;text-align: center;}

.swiper-slide .title {font-style: italic;font-size: 42px;margin-top: 80px;margin-bottom: 0;line-height: 45px;}*/
/*.swiper-slide p {font-style: italic;font-size: 25px;}*/
/*.pagination {position: absolute;z-index: 20;right: 0px;bottom: 300px;}
.swiper-pagination-switch {display: block;width: 4px;height: 20px;border-radius: 8px;background: #ccc;margin: 0 0px 5px;opacity: 0.8;border: 1px solid #fff;cursor: pointer;}
.swiper-active-switch {background:  #333333;}*/

/*///////////////////////////////////////////////////////////////////*/
.picLB{margin-left:-5px;}
.picLB li{width:250px;height:380px;margin:16px 25px 25px 25px;overflow:hidden;position:relative;}
.picLB{overflow:hidden;zoom:1;}
.picLB li{float:left;display:inline;}
.picDl{width:1000px;overflow:hidden;zoom:1;;height:380px;position:absolute;top:0;left:0; }
.picDl dd{float:left;display:inline;width:250px;overflow:hidden; }
.picDl dd .seriesPic img{height:350px;width:250px;}
.seriesPic{height:350px;width:250px;text-align: center;overflow:hidden;position:relative;}
.seriesName{font-size: 18px;color:#666666;text-align: center;line-height: 40px;}
.seriesPrice{font-size: 18px;text-align: center;color:#666666;}


/*定制途径*/
.customLoad_T ul{border-bottom: 1px solid #ccc;}
.customLoad_T ul li{float: left;padding:10px 30px;font-size: 16px;cursor:pointer;margin-bottom: -1px;border-radius: 0 30px 1px 0;}
.customLoad_T ul li.current{border:1px solid #ccc;border-bottom: 1px solid #fff;background:#fff;}
.customLoadCont{padding:50px 30px;border:1px solid #ccc;border-top: none;background:#fff;}
.scheduleBtn{color:#fff;padding:10px 30px;font-size: 14px;background:#abd74b;border-radius: 5px;display:inline-block;cursor:pointer;}
.scheduleBtn2{background:#4babd7;}
.cancelSchedule{background:#a2a2a2;}
.LoadContDown input[type="text"]{padding:5px 10px;line-height: 20px;width:150px;border:1px solid #dcdcdc;}
.colorBoxCont .color1{color:#f87f0d;}
.colorBoxCont .color2{color:#8fd100;}
.colorBoxCont .color3{color:#00aee7;}
.colorBoxCont .color4{color:#ffcb33;}

.LoadContDown .alertWrap3{left:-160px;}
.LoadContDown .aleatArre .alertWrap3{top: 210px;left: -100px;}
















/*自适应写法*/
/*自适应平板屏幕 @media (min-width:768px) and (max-width:991px){ */
@media (min-width:100%) and (max-width:100%){
    .container{width: 100%;}
    .consumerTopNav .consumerUl ul {margin-left: 36%;}
    .consumerTopNav .consumerUl .spacialNavTil{margin-left: 44%;;}
    .banner_ol{margin-left:-9.5%;}
    .featureBg img{width:50%;height:auto;}
    .consumerSeriesCont {max-width: 980px;height:350px;}
    .consumerSeriesplay{max-width: 980px;height:350px;}
    .seriesPic{height:270px;width:auto;}
    .seriesCont img{height:270px;width:auto;}
    .seriesCont ul li{margin-left:5px;margin-right: 5px;}
    .freeCollocation ul li{width:17%;}
    .newsCenter{width:480px;}
}


